<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style type="text/css">
			*{margin: 0;padding: 0;}
			html,body{width: 100%;height:100%;}
			.pullleft{float: left;}
			.pullright{float: right;}
			li{list-style: none;}
			a{text-decoration: none;}
			.boss{width:100%;height:100%;}
			.header{width:100%;height:11.5%;background-color:#7ab5e9;
			 background-image: url(img/首页_03.jpg);background-repeat: repeat-x;background-position: center bottom;}
		    .header .left{color: white;font-size: 24px;line-height: 90px;margin-left: 30px;
		    }
		    .header .right{position: relative;}
		    .header .right .top{width:266px;height: 23px;background: url(img/首页_02.jpg);
		    position: absolute;right:28px;top: 0;font-size: 12px;line-height: 23px;}
		    .header .right .top img{vertical-align: middle;}
		    .header .right .top .img1{margin-left:20px;margin-right: 16px;}
		    .header .right .top .img2{margin-left:16px;margin-right:5px;}
		    .header .right li{height: 25px;width:94px;float: left;text-align: center;margin-top:34px;color: white;
		    background: url(img/首页logo_02_06.jpg) no-repeat 31px 3px;padding-top:31px;font-size: 12px;}
		    .header .right ul{margin-right: 28px;}
		    .header .right li a{display: block;color: white}
		    .header .right li:hover{background: url(img/首页bg_03.jpg) no-repeat;}
		    
		    .main{height:88.5%;width:100%;}
		    .main .left{width:197px;height:100%;float:left;/*position:absolute;*/left:0;background: url(img/首页bn-left_07.jpg) repeat-y top right #417ec8;}
		    .main .left .img1{margin-top:13px;float: left;}
		    .main .left .img2{margin-top:8px;float: left;margin-left:3px;}
		    .main .left .firstnav{margin-top:26px;}
		    .main .left .firstli{width:153px;height:36px;position:relative;
		    background: url(img/left_05.jpg) repeat-x left top,url(img/leftlogo_03.jpg) no-repeat 14px 14px;
		    line-height: 36px;padding-left:39px;}
		    .main .left .firstli a{display: block;color: white;}
		    .main .left .firstli:hover .secondnav{ display: block;}
		    .main .left .firstli:hover{margin-bottom: 120px;background: url(img/leftbgsy_02.jpg) no-repeat 100% 100%;}
		    .main .left .firstli:hover .firsta{color: black;}
		    .main .left .secondnav {position:absolute;left:0;top:36px;display:none;}
		    .main .left .secondli{width:197px;height:26px;padding-left: 37px;}
		    .secondli a{color:#b9ddff;font-size:12px;}
		    .main .right{height:100%;background: url(img/right_03.jpg) repeat-y left top;overflow: hidden;/*margin-left:197px;*/position: relative;padding-left:14px;}
		    .main .right .imga{position:absolute;left:0;top:50%;}
		    .main .right .top{height:24px;border-bottom: 1px solid #e3e3e3;font-size:12px;line-height: 24px;}
		    .main .right .top img{margin-right:12px;}
		    input{width:140px;height:24px;}
		    select{width:147px;height:29px;color:#a6a6a6;font-size:12px;}
		    input[type="submit"]{width:69px;height:28px;background: linear-gradient(to bottom,#ffffff,#eeeeee);border: 1px solid #bebebe;}
		    .research{height:51px;line-height:51px;font-size: 14px;}
		    .research img{vertical-align: middle;}
		    table{width:98%;border: 1px solid #d6d6d6;margin-left: 5px;border-collapse: collapse;}
		    .data li{height:30px;border-bottom: 1px solid #d6d6d6;background:white;line-height: 30px;}
		    .data tr:first-child{background: linear-gradient(to bottom,#ffffff,#f1f1f1);}
		    .data tr:nth-child(2n){background:#f1f1f1;}
		    input[type="checkbox"]{width:12px;height: 12px;}
		    tr{text-align: center;height: 30px;font-size: 12px;border-bottom:1px solid #d6d6d6;;}
		    .data tr:nth-child(3){margin-right:72px;font-size: 12px;line-height: 30px;}
		    .a{font-size: 12px;margin-left: 28px;margin-top: 20px;float: left;}
		    .b img{vertical-align: middle;}
		    .b{font-size: 12px;float: right;margin-top:20px;margin-right:28px;}
		</style>
	</head>
	<body>
		<div class="boss">
		<div class="header">
			<div class="left pullleft">农业部观测站物联网数据采集与管理系统</div>
			<div class="right pullright">
				<ul>
					<li><a href="">数据采集</a></li>
					<li><a href="">数据采集</a></li>
					<li><a href="">数据采集</a></li>
					<li><a href="">数据采集</a></li>
					<li><a href="">数据采集</a></li>
					<li><a href="">数据采集</a></li>
					<li><a href="">数据采集</a></li>
				</ul>
				<div class="top">
					<img src="img/首页logo_03.jpg" class="img1"/>欢迎你:adimin！
					<img src="img/首页logo_05.jpg" class="img2"/><a href="">退出</a>
				</div>
			</div>
		</div>
		
		<div class="main">
			<div class="left">
				<img src="img/left_05.jpg" class="img1"/><a href=""><img src="img/left_03.jpg" class="img2"/></a>
				<ul class="firstnav">
					<li class="firstli">
						<a href="" class="firsta">设备信息</a>
						<ul class="secondnav">
							<li class="secondli">
								<a href="">> 所有设备</a>
							</li>
							<li class="secondli">
								<a href="">> 所有设备</a>
							</li>
							<li class="secondli">
								<a href="">> 所有设备</a>
							</li>
							<li class="secondli">
								<a href="">> 所有设备</a>
							</li>
						</ul>
					</li>
					<li class="firstli">
						<a href="" class="firsta">设备信息</a>
						<ul class="secondnav">
							<li class="secondli">
								<a href="">> 所有设备</a>
							</li>
							<li class="secondli">
								<a href="">> 所有设备</a>
							</li>
							<li class="secondli">
								<a href="">> 所有设备</a>
							</li>
							<li class="secondli">
								<a href="">> 所有设备</a>
							</li>
						</ul>
					</li>
					<li class="firstli">
						<a href="" class="firsta">设备信息</a>
						<ul class="secondnav">
							<li class="secondli">
								<a href="">> 所有设备</a>
							</li>
							<li class="secondli">
								<a href="">> 所有设备</a>
							</li>
							<li class="secondli">
								<a href="">> 所有设备</a>
							</li>
							<li class="secondli">
								<a href="">> 所有设备</a>
							</li>
						</ul>
					</li>
				</ul>
			</div>
			<div class="right">
				<a href="" class="imga"/><img src="img/logo123_03.jpg" ></a>
				<div class="top">
					<img src="img/right_103_03.jpg"/>当前位置>>设备管理>>设备信息>>正常设备
				</div>
				<div class="research">
					<img src="img/logo_03.jpg"/><span style="margin-right:28px;margin-left:12px;">搜索</span><span>设备名称：<input type="text" /></span>
					<span style="margin-left:18px;margin-right: 23px;">设备类型：<select name="" id="" ><option value="">-请选择-</option></select></span><input type="submit" value="查询" />
				   <img src="img/right01_03.jpg" class="pullright" style="margin-right: 12px;margin-top: 10px;"/>
				</div>
				<div class="data">
					<table cellspacing="0" cellpadding="0">
						<tr>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td></td>
							<td width="120"><a href=""><img src="img/a_03.jpg"/></a></td>
						</tr>
						<tr>
							<td><input type="checkbox" />全选</td>
							<td>设备类型</td>
							<td>设备名称</td>
							<td>设备编号</td>
							<td>创建日期</td>
							<td>设备状态</td>
							<td>是否共享</td>
							<td>修改</td>
						</tr>

                           <tr>
							<td><input type="checkbox" /></td>
							<td>网络视频摄像头</td>
							<td>Camera001</td>
							<td>2131313</td>
							<td>2015/04/15</td>
							<td><img src="img/logo111_03.jpg"/></td>
							<td><img src="img/logo111_05.jpg"/></td>
							<td><img src="img/logo111_07.jpg"/></td>
						</tr>
                         
                          <tr>
							<td><input type="checkbox" /></td>
							<td>网络视频摄像头</td>
							<td>Camera001</td>
							<td>2131313</td>
							<td>2015/04/15</td>
							<td><img src="img/logo111_03.jpg"/></td>
							<td><img src="img/logo111_05.jpg"/></td>
							<td><img src="img/logo111_07.jpg"/></td>
						</tr>
						
						 <tr>
							<td><input type="checkbox" /></td>
							<td>网络视频摄像头</td>
							<td>Camera001</td>
							<td>2131313</td>
							<td>2015/04/15</td>
							<td><img src="img/logo111_03.jpg"/></td>
							<td><img src="img/logo111_05.jpg"/></td>
							<td><img src="img/logo111_07.jpg"/></td>
						</tr>
						
						 <tr>
							<td><input type="checkbox" /></td>
							<td>网络视频摄像头</td>
							<td>Camera001</td>
							<td>2131313</td>
							<td>2015/04/15</td>
							<td><img src="img/logo111_03.jpg"/></td>
							<td><img src="img/logo111_05.jpg"/></td>
							<td><img src="img/logo111_07.jpg"/></td>
						</tr>
						
						 <tr>
							<td><input type="checkbox" /></td>
							<td>网络视频摄像头</td>
							<td>Camera001</td>
							<td>2131313</td>
							<td>2015/04/15</td>
							<td><img src="img/logo111_03.jpg"/></td>
							<td><img src="img/logo111_05.jpg"/></td>
							<td><img src="img/logo111_07.jpg"/></td>
						</tr>
			              
			               <tr>
							<td><input type="checkbox" /></td>
							<td>网络视频摄像头</td>
							<td>Camera001</td>
							<td>2131313</td>
							<td>2015/04/15</td>
							<td><img src="img/logo111_03.jpg"/></td>
							<td><img src="img/logo111_05.jpg"/></td>
							<td><img src="img/logo111_07.jpg"/></td>
						</tr>
						 <tr>
							<td><input type="checkbox" /></td>
							<td>网络视频摄像头</td>
							<td>Camera001</td>
							<td>2131313</td>
							<td>2015/04/15</td>
							<td><img src="img/logo111_03.jpg"/></td>
							<td><img src="img/logo111_05.jpg"/></td>
							<td><img src="img/logo111_07.jpg"/></td>
						</tr>
						 <tr>
							<td><input type="checkbox" /></td>
							<td>网络视频摄像头</td>
							<td>Camera001</td>
							<td>2131313</td>
							<td>2015/04/15</td>
							<td><img src="img/logo111_03.jpg"/></td>
							<td><img src="img/logo111_05.jpg"/></td>
							<td><img src="img/logo111_07.jpg"/></td>
						</tr>
						
						 <tr>
							<td><input type="checkbox" /></td>
							<td>网络视频摄像头</td>
							<td>Camera001</td>
							<td>2131313</td>
							<td>2015/04/15</td>
							<td><img src="img/logo111_03.jpg"/></td>
							<td><img src="img/logo111_05.jpg"/></td>
							<td><img src="img/logo111_07.jpg"/></td>
						</tr>
						 <tr>
							<td><input type="checkbox" /></td>
							<td>网络视频摄像头</td>
							<td>Camera001</td>
							<td>2131313</td>
							<td>2015/04/15</td>
							<td><img src="img/logo111_03.jpg"/></td>
							<td><img src="img/logo111_05.jpg"/></td>
							<td><img src="img/logo111_07.jpg"/></td>
						</tr>
						 <tr>
							<td><input type="checkbox" /></td>
							<td>网络视频摄像头</td>
							<td>Camera001</td>
							<td>2131313</td>
							<td>2015/04/15</td>
							<td><img src="img/logo111_03.jpg"/></td>
							<td><img src="img/logo111_05.jpg"/></td>
							<td><img src="img/logo111_07.jpg"/></td>
						</tr>
					</table>
				   <div class="a" class="pullleft">共有20条数据，当前第一页</div>
				    <div class="b" class="pullright">首页&nbsp;<a href=""><img src="img/num_13.jpg" />&nbsp;<img src="img/num_15.jpg" />&nbsp;<img src="img/num_17.jpg" /></a>&nbsp;下一页 &nbsp;尾页</div>
				</div>
				
			</div>
		</div>
		</div>
	</body>
</html>
